@charset "UTF-8";
.nav__left .white, .nav__left .black { opacity: 0; pointer-events: none; }

.header { background-image: none; height: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; background-color: white; }
@media screen and (max-width: 1350px) { .header { padding: 0; } }
.header .background { background-color: #72b0c5; width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 50; pointer-events: none; }
.header .wrapper { padding: 20vh 0 0 0; position: relative; z-index: 60; }
@media screen and (min-width: 1026px) and (max-width: 1760px) { .header .wrapper { padding: 20vh 100px 0 100px; } }
@media screen and (max-width: 1025px) { .header .wrapper { padding: 15vh 30px 0 30px; } }
@media screen and (max-width: 430px) { .header .wrapper { padding: 15vh 0 0 0; } }
@media screen and (max-height: 500px) { .header .wrapper { padding: 30vh 0 0 0 !important; } }
.header .wrapper .left { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.header .wrapper .left h1 { font-size: 65px; }
@media screen and (max-width: 1350px) { .header .wrapper .left h1 { font-size: 48px; } }
@media screen and (max-width: 700px) { .header .wrapper .left h1 { width: 100%; text-align: center; } }
@media screen and (max-width: 499px) { .header .wrapper .left h1 { font-size: 36px; } }
@media screen and (max-width: 430px) { .header .wrapper .left h1 { padding: 0 30px; } }
.header .wrapper .left p { color: white; font-size: 18px; margin: 20px 0 0 0; font-weight: 500; opacity: 0.7; }
@media screen and (max-width: 430px) { .header .wrapper .left p { margin: 20px 30px 0 30px; text-align: center; } }
.header .wrapper .left .content { margin: 75px 0 0 0; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); padding: 100px; background-color: white; border-radius: 30px; }
@media screen and (max-width: 1350px) { .header .wrapper .left .content { padding: 30px; } }
.header .wrapper .left .content ol.navigation { background-color: #f8f8f8; padding: 30px; border-radius: 15px; margin: 0 0 100px 0; }
.header .wrapper .left .content ol.navigation:before { content: "Содержание статьи"; opacity: 0.3; font-weight: 600; font-size: 18px; color: #333333; }
.header .wrapper .left .content ol.navigation li { margin: 10px 0 10px 20px; color: #333333; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-decoration: underline; cursor: pointer; font-size: 16px; }
.header .wrapper .left .content ol.navigation li:first-child { margin: 30px 0 10px 20px; }
.header .wrapper .left .content ul.interesting { background-color: #f8f8f8; padding: 30px; border-radius: 15px; margin: 100px 0 0 0; }
.header .wrapper .left .content ul.interesting:before { content: "Вам может быть интересно"; opacity: 0.3; font-weight: 600; font-size: 18px; color: #333333; }
.header .wrapper .left .content ul.interesting li { margin: 10px 0 10px 20px; width: auto; line-height: normal !important; }
.header .wrapper .left .content ul.interesting li:first-child { margin: 30px 0 10px 20px; }
.header .wrapper .left .content ul.interesting li:before { color: #333333 !important; text-shadow: none !important; }
.header .wrapper .left .content ul.interesting li a { color: #333333; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-decoration: underline; cursor: pointer; font-size: 16px; text-shadow: none !important; }
.header .wrapper .left .content ul.interesting li.partnership { background-color: #e7edf0; border-radius: 5px; padding: 10px 15px; font-weight: 600; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header .wrapper .left .content ul.interesting li.partnership a { color: #333333 !important; }
.header .wrapper .left .content ul.interesting li.partnership:before { color: #333333 !important; }
.header .wrapper .left .content ul.interesting li.partnership:after { content: "Партнерская статья"; color: #333333; font-weight: 400 !important; margin: 0 0 0 30px; text-shadow: none !important; font-size: 12px; opacity: 0.7; }
.header .wrapper .left .content .theme_blog { margin: 120px 0 0 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 30px; border-radius: 15px; }
@media screen and (max-width: 650px) { .header .wrapper .left .content .theme_blog { padding: 0; } }
@media screen and (max-width: 800px) { .header .wrapper .left .content .theme_blog { margin: 80px 0 0 0; } }
.header .wrapper .left .content .theme_blog:first-child { margin: 0 0 0 0; }
.header .wrapper .left .content .theme_blog img.floatRight { float: right; width: 35%; margin: 0 0 20px 20px; border-radius: 15px; }
.header .wrapper .left .content .theme_blog img.floatWidth { width: 100%; margin: 20px 0; border-radius: 15px; }
.header .wrapper .left .content .theme_blog img.floatLeft { float: left; width: 35%; margin: 0 20px 20px 0; border-radius: 15px; }
.header .wrapper .left .content .theme_blog p { color: #333333 !important; font-weight: 400 !important; font-size: 18px !important; line-height: 24px !important; opacity: 0.8 !important; margin: 30px 0 0 0; text-align: start; text-shadow: none !important; }
.header .wrapper .left .content .theme_blog p.ul-wrapper { font-weight: 500 !important; margin: 30px 0 0 0 !important; }
.header .wrapper .left .content .theme_blog h3 { margin: 0 0 15px 0; color: #333333; font-weight: 700; font-size: 30px !important; }
.header .wrapper .left .content .theme_blog ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 15px 0 0 15px; }
.header .wrapper .left .content .theme_blog ul li { display: -webkit-box; display: -ms-flexbox; display: flex; color: #333333; font-size: 16px; opacity: 0.8; text-shadow: none; }
.header .wrapper .left .content .theme_blog ul li:before { content: "—"; display: block; margin: 0 5px 0 0; }
.header .wrapper .left .content .theme_blog .blockquote { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px 0 0 0; }
.header .wrapper .left .content .theme_blog .blockquote .blockquote_block { border-radius: 15px; padding: 30px; width: 70%; background-color: #f8f8f8; border: 3px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 0px 40px -8px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 40px -8px rgba(0, 0, 0, 0.2); }
.header .wrapper .left .content .theme_blog .blockquote .blockquote_block div { color: #333333; font-size: 250px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
.header .wrapper .left .content .theme_blog .blockquote .blockquote_block div img { width: 10%; }
.header .wrapper .left .content .theme_blog .blockquote .blockquote_block div.blockquoteOpen { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.header .wrapper .left .content .theme_blog .blockquote .blockquote_block div.blockquoteClose { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.header .wrapper .left .content .theme_blog .blockquote .blockquote_block div.blockquoteAuthor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.header .wrapper .left .content .theme_blog .blockquote .blockquote_block div.blockquoteAuthor p { font-size: 16px !important; color: #333333 !important; margin: 0 !important; font-weight: 600 !important; }
.header .wrapper .left .content .theme_blog .blockquote .blockquote_block div.blockquoteAuthor span { font-size: 14px; opacity: 0.6; }
.header .wrapper .left .content .theme_blog .blockquote .blockquote_block p { margin: 15px 0 !important; color: #333333; font-size: 20px !important; width: 70%; }
.header .wrapper .left .content .theme_blog .abbre { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 30px 0 0 0; border: 10px solid #f8f8f8; padding: 25px 35px; border-radius: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media screen and (max-width: 700px) { .header .wrapper .left .content .theme_blog .abbre { padding: 25px 20px; } }
.header .wrapper .left .content .theme_blog .abbre h4 { font-size: 40px !important; color: #72b0c5 !important; margin: 0 30px 0 0; }
@media screen and (max-width: 700px) { .header .wrapper .left .content .theme_blog .abbre h4 { font-size: 25px !important; } }
.header .wrapper .left .content .theme_blog .abbre p { margin: 10px 0 0 0 !important; text-align: start; }
.header .wrapper .left .content .theme_blog .abbre ul { margin: 0 0 0 50px; }
@media screen and (max-width: 700px) { .header .wrapper .left .content .theme_blog .abbre ul { margin: 0; } }
.header .wrapper .left .content .theme_blog .abbre ul li { margin: 20px 0 0 0; display: block; }
.header .wrapper .left .content .theme_blog .abbre ul li:before { content: ""; }
.header .wrapper .left .content .theme_blog .abbre ul li p { margin: 0 !important; }
.header .wrapper .left .content .theme_blog .abbre.formula { position: relative; padding-top: 40px; }
.header .wrapper .left .content .theme_blog .abbre.formula:before { content: "ФОРМУЛА"; font-size: 15px; font-weight: 800; color: #333333; opacity: 0.2; position: absolute; top: 5px; left: 10px; }
.header .wrapper .left .content .theme_blog .abbre.formula .formul { color: #333333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 15px; border: 5px solid #f8f8f8; padding: 15px 25px; margin: 30px 0 0 0; }
@media screen and (max-width: 700px) { .header .wrapper .left .content .theme_blog .abbre.formula .formul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
.header .wrapper .left .content .theme_blog .abbre.formula .formul .ravno { font-weight: 600; font-size: 16px; }
.header .wrapper .left .content .theme_blog .abbre.formula .formul span { font-weight: 700; display: block; font-size: 18px; margin: 0 20px; }
@media screen and (max-width: 700px) { .header .wrapper .left .content .theme_blog .abbre.formula .formul span { margin: 20px 0; } }
.header .wrapper .left .content .theme_blog .abbre.formula .formul .desc { font-size: 16px; }
.header .wrapper .left .content .theme_blog .abbre.formula .formul .desc .one { padding: 0 15px; text-align: center; }
.header .wrapper .left .content .theme_blog .abbre.formula .formul .desc .line { margin: 5px !important; height: 2px !important; width: 100% !important; background-color: #333333 !important; display: block !important; }
.header .wrapper .left .content .theme_blog .abbre .example { margin: 40px 0 0 0; width: 100%; }
.header .wrapper .left .content .theme_blog .abbre .example:before { content: "Например:"; display: block; font-size: 16px; font-weight: 600; color: #333333; opacity: 0.6 !important; }
.header .wrapper .left .content .theme_blog .abbre .example p { font-size: 14px !important; margin: 0 !important; opacity: 0.5 !important; text-align: start !important; }
.header .wrapper .left .content .theme_blog .staticstics { border: 3px solid #e7edf0; padding: 30px; margin: 30px 0 0 0; border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.header .wrapper .left .content .theme_blog .staticstics h4 { color: #333333; font-size: 18px; margin: 0 0 30px 0; width: 100%; text-align: center; }
.header .wrapper .left .content .theme_blog .staticstics p { font-size: 12px !important; opacity: 0.5 !important; color: #333333 !important; margin: 40px 0 0 0 !important; width: 100%; text-align: center; }
.header .wrapper .left .content .theme_blog .staticstics p a { font-size: 12px; color: #89a6b3; }
.header .wrapper .left .content .theme_blog .staticstics .stats { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header .wrapper .left .content .theme_blog .staticstics .stats .line { height: 30px; width: 3px; background-color: #f8f8f8; }
.header .wrapper .left .content .theme_blog .staticstics .stats .stat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 35px 0 35px; }
.header .wrapper .left .content .theme_blog .staticstics .stats .stat:last-child { margin: 0 0 0 35px; }
.header .wrapper .left .content .theme_blog .staticstics .stats .stat:first-child { margin: 0 35px 0 0; }
.header .wrapper .left .content .theme_blog .staticstics .stats .stat span { font-size: 48px; font-weight: 700; color: #72b0c5; }
.header .wrapper .left .content .theme_blog .staticstics .stats .stat span span { font-size: 24px; }
.header .wrapper .left .content .theme_blog .staticstics .stats .stat p { color: #333333 !important; font-size: 14px !important; font-weight: 400 !important; opacity: 0.9 !important; margin: 0 0 0 0 !important; }

.footer { margin: 50px 0 0 0; }